{% extends "base.html" %}

{% block content %}
<div class="card-list padded-content">
    <a class="card" href="https://github.com/bevyengine-cn">
        <div class="card-image">
            <img src="/assets/bevy-cn.svg" class="centered-card-image community-icon" alt="Github logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Bevy 中文网 (非官方)
            </div>
            <div class="card-subtitle">
                github.com/bevyengine-cn
            </div>
            <div class="card-description">
                不定期翻译 Bevy 官网的内容, 一些和中文有关的 Crates, 以及其他互动.
            </div>
        </div>
    </a>
    <a class="card" href="https://github.com/bevyengine/bevy">
        <div class="card-image">
            <img src="/assets/github.svg" class="centered-card-image community-icon" alt="Github logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Github
            </div>
            <div class="card-subtitle">
                github.com/bevyengine
            </div>
            <div class="card-description">
                Interact with Bevy's source code, report issues, and suggest changes.
            </div>
        </div>
    </a>
    <a class="card" href="https://twitter.com/BevyEngine">
        <div class="card-image">
            <img src="/assets/twitter.svg" class="centered-card-image community-icon" alt="Twitter logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Twitter
            </div>
            <div class="card-subtitle">
                twitter.com/bevyengine
            </div>
            <div class="card-description">
                Quick updates and shared Bevy content from the community
            </div>
        </div>
    </a>
    <a class="card" href="https://discord.gg/gMUk5Ph">
        <div class="card-image">
            <img src="/assets/discord.svg" class="centered-card-image community-icon" alt="Discord logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Discord
            </div>
            <div class="card-subtitle">
                Bevy Engine
            </div>
            <div class="card-description">
                A community to discuss Bevy, Rust, and game development
            </div>
        </div>
    </a>
    <a class="card" href="https://stackoverflow.com/questions/tagged/bevy">
        <div class="card-image">
            <img src="/assets/stack-overflow.svg" class="centered-card-image community-icon" alt="StackOverflow logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Stack Overflow
            </div>
            <div class="card-subtitle">
                bevy
            </div>
            <div class="card-description">
                The go-to place to ask Bevy questions and get Bevy answers
            </div>
        </div>
    </a>
    <a class="card" href="https://www.reddit.com/r/bevy/">
        <div class="card-image">
            <img src="/assets/reddit.svg" class="centered-card-image community-icon" alt="Reddit logo"/>
        </div>
        <div class="card-text">
            <div class="card-title">
                Reddit
            </div>
            <div class="card-subtitle">
                reddit.com/r/bevy/
            </div>
            <div class="card-description">
                A place to stay up to date on Bevy news, share your Bevy games or plugins, and discuss Bevy topics.
            </div>
        </div>
    </a>
</div>
{% endblock content %}
